<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>bmbhome主页</title>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/1.png" height="30" /></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="narbar_right">
                <li><a href="#">主页</a></li>
                <li><a href="#">读文章</a></li>
                <li><a href="#">听讲座</a></li>
                <li><a href="#">做测试</a></li>
                <li><a href="#">找医生</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">注册</a></li>
                <li><a href="#">登陆</a></li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="col-md-9">
            <div class="col-xs-7 col-md-7" id="carousel">
                <div class="carousel slide" id="myCarousel">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data- slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="img/轮滑背景.png" alt="First slide" class=".img-responsive">
                            <div class="carousel-caption">图片内容</div>
                        </div>
                        <div class="item">
                            <img src="img/轮滑背景.png" alt="Second slide" class=".img-responsive">
                            <div class="carousel-caption">图片内容</div>
                        </div>
                        <div class="item">
                            <img src="img/轮滑背景.png" alt="Third slide" class=".img-responsive">
                            <div class="carousel-caption">图片内容</div>
                        </div>
                    </div>
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                </div>
            </div>
        </div>
        <div class="col-md-3">
        </div>
    </div>
    <div class="me">
        <div class="container">
            <div class="row">
                <div class="col-sm-9 col-xs-9">
                    <div class="row">
                        <div class="col-xs-7 col-md-7" id="carousel">
                            <div class="carousel slide" id="myCarousel">
                                <ol class="carousel-indicators">
                                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                    <li data-target="#myCarousel" data-slide-to="1"></li>
                                    <li data-target="#myCarousel" data- slide-to="2"></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img src="img/轮滑背景.png" alt="First slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                    <div class="item">
                                        <img src="img/轮滑背景.png" alt="Second slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                    <div class="item">
                                        <img src="img/轮滑背景.png" alt="Third slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                </div>
                                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5" id="one_week">
                            <h4>一周热点</h4>
                            <div id="line"></div>
                            <ul class="content_ul">
                                <li><a href="#">手把手教你如何赶走10种负面思维</a></li>
                                <li><a href="#">技术贴：如何让你的男神手到擒来</a></li>
                                <li><a href="#">喜欢心理学，请读这7本心理书</a></li>
                                <li><a href="#">亲密爱人根本给不了你真正的幸福</a></li>
                                <li><a href="#">亲密关系中，为什么男人总是沉默</a></li>
                                <li><a href="#">高考10天倒计时</a></li>
                                <li><a href="#">亲密关系中，为什么男人总是沉默</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row col-xs-12 col-sm-12">
                        <div class="col-sm-7 margin col-xs-7">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 margin col-sm-12">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12" id="my_test">
                            <div class="my_test" class="col-xs-10 col-sm-10">
                                <h4>做测试</h4>
                                <div id="line"></div>
                                <div class="test_content">
                                    <div class="row">
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row test_next_content">
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-md-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">娱乐测试：你的灵魂会去向何处</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="test_more">
                                        <a href="#">测试更多内容</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 margin col-xs-12">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12" id="my_test">
                            <div class="my_test">
                                <h4>听讲座</h4>
                                <div id="line"></div>
                                <div class="test_content">
                                    <div class="row">
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row test_next_content">
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4">
                                            <a href="#" class="thumbnail">
                                                <img src="img/p2341358680.png" style="height: 150px; width: 100%; display: block;" alt="">
                                            </a>
                                            <div class="caption">
                                                <a href="#">智障少年恶搞欧冠决赛</a>
                                                <br/>
                                                <a href="#" class="jude">1234次播放</a>
                                                <a href="#" class="jude">&nbsp;&nbsp;4个评论</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="test_more">
                                        <a href="#">测试更多内容</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-3">
                    <div class="row">
                        <div class="col-sm-11 col-sm-offset-1 col-xs-11 col-xs-offset-11" id="doctor_introduce">
                            <h4>医生预约</h4>
                            <div id="line"></div>
                            <div class="person_doctor">
                                <div class="person">
                                    <div class="person_photo">
                                        <img src="img/zhou.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                                    </div>
                                    <div class="person_message">
                                        <small class="person_name"><a href="#">蒋琪</a></small>
                                        <small class="person_title">心理咨询师</small>
                                        <small class="person_city">济南市</small>
                                    </div>
                                </div>
                                <div class="person">
                                    <div class="person_photo">
                                        <img src="img/lin.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                                    </div>
                                    <div class="person_message">
                                        <small class="person_name"><a href="#">彭君</a></small>
                                        <small class="person_title">暂无头衔</small>
                                        <small class="person_city">南宁市</small>
                                    </div>
                                </div>
                                <div class="person">
                                    <div class="person_photo">
                                        <img src="img/huang.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                                    </div>
                                    <div class="person_message">
                                        <small class="person_name"><a href="#">杨浩波</a></small>
                                        <small class="person_title">国家二级心咨师</small>
                                        <small class="person_city">长沙市</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 margin">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1" id="my_tag">
                            <div class="my_tag">
                                <ul id="myTab" class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#home" data-toggle="tab">
                        阅读
                     </a>
                                    </li>
                                    <li><a href="#collect" data-toggle="tab">浏览</a></li>
                                    <li><a href="#view" data-toggle="tab">收藏</a></li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div class="tab-pane fade in active" id="home">
                                        <ul>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="collect">
                                        <ul>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="view">
                                        <ul>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                            <li>
                                                <a href="#" class="span">&nbsp;&nbsp;999&nbsp;&nbsp;</a>
                                                <a href="#" class="wenzhang_list">世界上另一个自己会对你说什么？</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 margin">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1" id="small_tag">
                            <h4>标签</h4>
                            <div id="line"></div>
                            <a href="#">&nbsp;&nbsp;视频类别&nbsp;&nbsp;</a>
                            <a href="#">&nbsp;&nbsp;视频来源&nbsp;&nbsp;</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 margin">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 two_code">
                            <div>
                                <h4>微信</h4>
                                <div id="line"></div>
                                <div class="two_code_content">
                                    <img src="img/asdczc.png" alt="" height="150" width="150" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 margin">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 two_code">
                            <div>
                                <h4>微博</h4>
                                <div id="line"></div>
                                <div class="two_code_content">
                                    <img src="img/asd.png" alt="" height="150" width="150" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-11 col-xs-offset-1 margin_big">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
        </div>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
</body>

</html>
